body,h1,h2,h3,h4,h5,h6,hr,p,div,span,ul,ol,li,input,img,select,figure{
    margin: 0;
    padding: 0;
}

body,html{
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;  
    font-size:14px;
}

a{
    text-decoration: none;
}

ul,li{
    list-style-type:none;
}

img{
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

/*清除浮动*/
.clear{
    &:before,&:after{
        content: "";
        display:table;
    }
    &:after{
        clear: both;
    }
}

.ell{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hide{
    display: none;
}

.mt10{
    margin-top:10px;
}

.mt20{
    margin-top:20px;
}
.mt50{
    margin-top: 50px;
}

.mr10{
    margin-right: 10px;
}
.mr30{
    margin-right: 30px;
}


.ml10{
    margin-left: 10px;
}

.m10{
    margin: 0 10px;
}


//头部
.header{
    .logo{
        display: inline-block;
        padding: 15px 0;
    }
    .ser{
        padding-top: 15px;
        .search-warp{
            border: 1px solid #ccc;
            margin-top: 10px;
            .search{
                border: none;
                outline: none;
                padding: 5px 0 0 5px;
            }
            .search-icon{
                display: inline-block;
                padding: 5px;
            }
        }
    }
}

//导航
.nav{

    background-color: #e76520;
    li{
        position: relative;
        float: left;
        padding: 14px 0;
        a{           
            display: inline-block;
            padding:0 30px;
            color: #fff; 
            border-right: 1px solid #fff;      
        }         
        
       &:hover,&.on{    
            position: relative;
            &:after{
                content: '';
                position:absolute;
                background: #ef986a;
                left:-1px;
                right:-1px;
                top:0;
                bottom:0;
            }
            
            a{
                position: relative;
                z-index: 9;
                border-right-color:#ef986a;
                
            }
       }
    }

}

//底部
.ftList,.footernew{
      padding: 40px 0;  
    }
    .ftList{
        background: #f4f4f4;               
        .item{
            display: inline-block;
            border: 1px solid #ccc;
            background: #fff;
            padding:5px 10px;
            margin-right: 17px;
            .tit{
                color: #666;
                width: 82px;
                padding-left: 10px;
                font-size: 13px;
            }
            &:hover{
                .tit{
                    text-decoration: underline;
                }
            }
        }       
        .item:last-child{
            margin-right: 0;
        }
    }
    .footernew{
        background: #E76520;
        .list{
            position: relative;
            float: left;
            padding:0 44px;
               a{
                   color: #fff;
               }
               .title{
                   padding-bottom: 20px;
             }
            .sub{
                line-height: 1.8;
                color: #e8e8e8;
                a{               
                 color: #e8e8e8;
                 &:hover{
                     color: #fff;
                 }
             }
             .online{
                 width: 80px;
                 a{
                     display: block;
                     padding-bottom: 7px;
                 }
                 img{
                     border-radius: 3px;
                 }
             }
           }
           &:after{
               position: absolute;
               content: "";
               border-right: 1px dashed #ed8b57;
               height: 250px;
               top: 0;
               right: 0;
           }
        }
        .list:first-child{
            padding-left: 0;
        }
        .list:last-child{
            padding-right: 0;
            &:after{
                border: none;
            }
        }
        
    }
    
    .f-warp{
        background-color: #333;
        padding: 10px 0;
        .f-copy{
            color: #b2b2b2;
            a{
               color: #b2b2b2; 
               &:hover{
                   text-decoration: underline;
               }
            }
        }
        .link{
            border: 1px solid #818181;
            color: #b2b2b2;
            padding: 0 15px 4px 10px;
            font-size: 13px;
            cursor: pointer;
             [class^="icon-"]{
               &:before{
                    font-size: 20px;
                    vertical-align: sub;
               }
            }
        }
    }
    